.tableContainer {
  padding: 24px;
  background: #fff;

  .filterSection {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;

    .filterItem {
      display: flex;
      align-items: center;

      span {
        margin-right: 8px;
        white-space: nowrap;
      }
    }
  }

  :global {
    .ant-table-thead > tr > th {
      background: #fafafa;
      font-weight: 500;
    }

    .ant-table-tbody > tr:hover > td {
      background: #f0f7ff;
    }

    .ant-table-pagination {
      margin-top: 16px;
      text-align: right;
    }

    .ant-progress-line {
      margin-bottom: 0;
      width: 80px;
    }

    .ant-progress-text {
      font-size: 12px;
    }
  }
}
